<template>
  <div>
  <!-- 事件修饰符 -->
  <!-- 
  语法：
  @事件名.修饰符="事件处理函数" 
  
  修饰符直接可以串联.
  .prevent.stop 表示既要阻止默认行为也可以阻止冒泡
  -->
  <a @click.prevent.stop="fn" href="https://www.baidu.com">去百度</a>
  </div>
</template>

<script>
export default {
  //定义数据
  data() {
    return {
 
    }
  },
  methods:{
    fn(){
      console.log('a 被点了');
    },
    divClick(){
      console.log('div 备点了');
    }
  }
};
</script>

<style>
</style>